/* @tailwind base; */
@tailwind components;
@tailwind utilities;

html,
body,
#root {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 浅色主题下 */
html {
    --breadcrumb-bg: #f9fafc;
    --content-border-bg: #bacbe7;

    font-size: 16px;
}

/* 暗黑主题下 */
html.dark {
    /* 2个背景色之间的间隔 */
    --content-border-bg: #bacbe7;

    /* 页面背景色 */
    --body-bg: #051139;

    /* 弹框、侧边栏 */
    --card-bg: #111c44;
    --card-bg-hover: rgba(188 232 241/30%);

    /* 顶部导航背景色 */
    --breadcrumb-bg: #172b4d;

    /* 黑色背景色上的按钮 */
    --item-bg: #344767;
    --body-color: rgba(255 255 255 / 65%);

    color: rgba(255 255 255 / 65%);
    background-color: var(--body-bg);
}

#root {
    /* background-color: #dfdfdf; */
    display: flex;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
        'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
